<template>
  <div class="seenbox">
    <div class="scene_tips" v-if="false" :style="getPosition">
      <!-- <img src="@/images/scene_tips.png" class="img_back" /> -->
      <div class="scene_tipsall">{{ tipName }}</div>
    </div>

    <!-- 辅助视图区域 -->
    <div class="fsbox">
      <!-- 俯视角 -->
      <div id="top-view"></div>
      <!-- 侧视角 -->
      <div id="side-view"></div>
    </div>
  </div>
</template>

<script>
import { threes } from '@/mixin/three'
export default {
  name: 'WorkspaceJsonSeen',
  //混入
  mixins: [threes],
  data() {
    return {}
  },

  mounted() {
    this.init()
  },

  methods: {}
}
</script>

<style scoped>
.seenbox {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.fsbox {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 300px;
  transform: translate(-50%, -50%);
}
</style>
